<template>
  <div>
    <div @click="headleNav">点击跳转</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: "Hello World ~",
    };
  },
  methods: {
    headleNav() {
      //   this.$router.push({
      //     path: "/",
      //     query: {
      //       name: "狗子",
      //       gender: "男",
      //     },
      //   });

      this.$router.push({
        name: "Login",
        params: {
          id: 1,
          sex: "男",
        },
      });
    },
  },


  mounted() {
    let date = new Date();
    let result = [];
    for (let i = 2000; i <= date.getFullYear(); i++) {
      let ye = date.getMonth() + 1;
      let ri = date.getDate();
      let all = i + "/" + (ye < 10 ? 0 + ye : ye) + "/" + (ye < 10 ? 0 + ri : ri);
      result.push(all);
    }
    console.log(result.reverse().reverse());
  },
  created() {},
};
</script>
<style lang="less" scoped>
// .box {
//   width: 100%;
//   height: 100%;
//   // background-position: bottom top;
//   // background-attachment: fixed;
//   // background-repeat: no-repeat;

//   background: green url("../assets/test/1.jpg") no-repeat fixed center top;
//   background-size: cover;
// }

// .box {
//   text-indent: 20px; // 文本缩进
//   text-shadow: 10px 10px 10px green;
// }
// a {
//   text-decoration: none; //去除下划线
//   text-decoration: line-through; //删除线
//   visibility: hidden; //隐藏元素 元素还是占位的
// }
// span {
//   // display: block;
//   width: 200px;
//   padding: 20px;
//   height: 200px;
//   box-shadow: 10px 10px 10px 10px green; //背景阴影
//   transform: rotate(45deg);
//   transform-origin: 20% 40%;
// }

// p {
//   width: 200px;
//   height: 100px;
//   overflow-x: hidden;
//   overflow-y: hidden;
//   overflow: scroll;
// }

// .cla {
//   width: 200px;
//   height: 200px;
//   background: green url("../assets/test/12.jpg") no-repeat fixed center top; //1.背景颜色 2.背景图片 3.是否平铺 4.是否图片固定 5.图片位置
//   background-size: 80px 30px; //规定背景图尺寸
//   text-indent: 20px; //文字首行缩进
//   color: red;
//   font-style: italic; //字体样式
//   box-shadow: 10px 10px 10px 10px gold; //背景阴影 1.水平 2.垂直 3.模糊 4.
//   transform: rotate(45deg); //旋转
//   transform-origin: 60% 40%; //起始位置
//   // width: 100px;
//   text-shadow: 2px 2px; //文本阴影
// }
</style>